<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>注册</title>
        <style>
            *{
                margin: 0px;
                padding: 0px;
                list-style: none;
            }
            a{
                text-decoration: none;
            }
            .a1{
                width: 950px;
                height: 68px;
                margin: auto;
                position: relative;
            }
            .a1 img{
                height: 48px;
                position: absolute;
                bottom: 0px;
                left: 0px;
            }
            .a1 h1{
                font-size: 25px;
                position: absolute;
                bottom: 0px;
                left: 188px;
                color: #777777;
            }
            .a1 ul{
                position: absolute;
                bottom: 0px;
                right: 0px;
            }
            .a1 a{
                color: #3165ff;
            }
            .a1 li{
                float: right;
                margin-right: 5px;
            }
            .a2{
                width: 950px;
                border-top: 1px solid #cccccc;
                margin: auto;
            }
            .a2 dl{
                margin: 10px 0px 10px 400px; 
            }
            .a2 button{
                margin: 10px 0px 10px 400px;
                background: orange;
            }
            .a2 p{
                margin: 10px 0px 10px 400px;
            }
            .a3{
                width: 950px;
                height: 60px;
                margin: auto;
                text-align: center;
                border-top: 1px solid #dbe0e3;
            }
            .a3 p{
                color: #6c7472;
            }
        </style>
    </head>
    <body>
        <div class="a1">
            <img src="images/logo2.gif" alt="">
            <h1>用户登录</h1>
            <ul>
                <li><a href="" target="_blank">注册</a></li>
                <li> | </li>
                <li><a href="" target="_blank">登录</a></li>
                <li> | </li>
                <li><a href="index.html" target="_blank">首页</a></li>
            </ul>
        </div>
        <div class="a2">
            <dl>
                <dt>用户名</dt>
                <dd><input type="text"></dd>
            </dl>
            <dl>
                <dt>密码</dt>
                <dd><input type="password"></dd>
            </dl>
            <dl>
                <dt>确认密码</dt>
                <dd><input type="password"></dd>
            </dl>
            <dl>
                <dt>电子邮箱</dt>
                <dd><input type="text"></dd>
            </dl>
            <dl>
                <dt>手机号码</dt>
                <dd><input type="text"></dd>
            </dl>
            <dl>
                <dt>性别</dt>
                <dd>
                    <input type="radio" value="男">
                    <label for="">男</label>
                    <input type="radio" value="女">
                    <label for="">女</label>
                </dd>
            </dl>
            <dl>
                <dt>昵称</dt>
                <dd><input type="text"></dd>
            </dl>
            <dl>
                <dt>所在地区</dt>
                <dd>
                    <select name="" id="">
                        <option value="">广东</option>
                    </select>
                </dd>
            </dl>
            <dl>
                <dt>验证码</dt>   
                <dd><input type="text"></dd>
            </dl>
            <dl>
                <dt></dt>
                <dd><input type="checkbox"></dd>
                <label for="">我确认同意车友社区使用协议</label>
            </dl>
            <button>立即注册</button>
            <p>已有账号，可以直接<a href="denglu.html">登录</a></p>
        </div>
        <div class="a3">
            <p>Copyright © 2003-2021 CYSQ.com All Rights Reserved.</p>
            <p>车友社区保留所有权利　苏ICP备05022623号</p>
        </div>
    </body>
</html>